﻿@{
    
    ViewBag.Title = "Government News System";
}

<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Government News System</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li class="active"><a href="#ViewNewsTab" data-toggle="tab" id="ViewTabLink">View News</a></li>
                    <li><a href="#SignUpTab" data-toggle="tab" id="SignUpTabLink">Create New Account</a></li>
                    <li><a href="#NewsSubmitTab" data-toggle="tab" id="SubmitTabLink">Submit Government News</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="span12">
            <div class="tab-content">
                <div class="tab-pane fade active in" id="ViewNewsTab">
                    <table class="table table-bordered" >
                        <thead>
                            <tr>
                                <th class="span4">Date and Time</th>
                                <th class="span3">Subscriber's region</th>
                                <th class="span5">News</th>
                            </tr>
                        </thead>
                        <tbody id="newsArea">
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade in" id="SignUpTab">
                    <form id="SignUpForm" class="form-horizontal">
                        <fieldset>
                            <legend>Sign Up:</legend>
                            <div class="control-group">
                                <label class="control-label" for="FirstName">First Name</label>
                                <div class="controls">
                                    <input type="text" name="FirstName" id="FirstName" />
                                    <span class="help-inline"></span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="LastName">Last Name</label>
                                <div class="controls">
                                    <input type="text" name="LastName" id="LastName" />
                                    <span class="help-inline"></span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="Email">Email</label>
                                <div class="controls">
                                    <input type="text" name="Email" id="Email" />
                                    <span class="help-inline"></span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="Province" >Province</label>
                                <div class="controls">
                                    <select name="Province" id="Province" >
                                    </select>
                                    <span class="help-inline"></span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="City">City</label>
                                <div class="controls">
                                    <select name="City" id="City" disabled >
                                    </select>
                                    <span class="help-inline"></span>
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    <div class="btn btn-primary" id="Submit">Create Account</div>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
                <div class="tab-pane fade in" id="NewsSubmitTab">
                    <form id="NewsItemForm">
                        <div class="control-group">
                            <label class="control-label" for="NewsEmail">Email</label>
                            <div class="controls">
                                <input type="text" id="NewsEmail" name="Email" class="span8" />
                                <span class="help-inline"></span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="NewsContent">News Item</label>
                            <div class="controls">
                                <textarea class="span8" rows="10" id="NewsContent" name="Content"></textarea>
                                <span class="help-inline"></span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label"></label>
                            <div class="controls">
                                <div class="btn btn-primary offset6 btn-xlarge" id="NewsSubmit">Submit Report</div>
                            </div>
                            </>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal hide fade" id="ResultMessageModal">
    <div class="modal-body">
        <p id="ResultMessage"></p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
    </div>
</div>


@section scripts{
    <script src="~/Scripts/jquery.validate.js"></script>
    <script src="~/Scripts/validate.bootstrap.js"></script>
    <script src="~/Scripts/index.js"></script>
}





